<template>
<view>
	<view class="main-bg-color first-page">
		<view class="loading-remark" :style="{'padding-top': paddingTop}">
			<p>适当的等待，</p>
			<p>只为更好的遇见</p>
		</view>
	</view>
</view>
</template>

<script>
var that;
import initData from "@/common/initData.js";
export default {
	data() {
		return {
			paddingTop: '15%'
		}
	},
	onLoad() {
		that = this;
		initData.init();
		uni.showLoading({
			title: '加载中...'
		})
		
		setTimeout(function() {
			uni.hideLoading();
			that.paddingTop = '45%'
		}, 3000)
	},
	methods: {
		loadData: function() {
			that = this;
		}
	}
}
</script>

<style lang="scss">
.main-bg-color {
	height: 100vh;
}
.first-page {
	background: linear-gradient(10deg,  #ffaa00, #fd521b);//var(--background);;
}

.loading-remark {
	width: 100%; text-align: center;
	height: 100vh;
	vertical-align: middle;
	
	p {
		margin-left: -150rpx; position: relative; left: 50%;
		width: 300rpx; text-align: left; padding: 10rpx 0px; color:#FFF;
	}
	p:last-child {
		padding-left: 40rpx;
	}
}
</style>
